<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style type="text/css">
        .code{
            margin-right: 5px;
            border-radius: 5px;
            border: 1px solid #E7E7E7FF;
            width: 45px;
            height: 45px;
            font-size: 25px;
            text-align: center;
            line-height: 45px;
        }
    </style>
</head>

<body>
<div
        style="background-color: #F9F9F9FF; padding-left: 10px; padding-right: 10px; padding-top: 50px; padding-bottom: 50px;max-width: 500px;color: #333;margin: auto;">
    <div
            style=" background-color: #fff; border-radius: 10px; font-size: 14px;padding-left: 20px; padding-right: 20px; ">
        <div style="text-align: center; padding-top:35px; padding-bottom:35px; border-bottom: 1px solid #F0F0F0FF;">
            <img src="  https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280ag2bunvambdzky.png"
                 height="41px" width="110px" />
        </div>
        <div style="padding-top: 10px; padding-bottom: 10px;">
            <div style="margin-bottom: 20px; font-size: 25px;">
                Verify your email
            </div>

            <div style="margin-bottom: 20px;  line-height: 2;">
                Hello,<br/>Please enter this code within the next <span  style="color: #1E94FCFF;">10 minutes</span> to
                register:
            </div>
            <table style="  margin: auto;">
                <tr>
                    <td><div class="code">@{ .code | substr 0 1}</div></td>
                    <td><div class="code">@{ .code | substr 1 1}</div></td>
                    <td><div class="code">@{ .code | substr 2 1}</div></td>
                    <td><div class="code">@{ .code | substr 3 1}</div></td>
                    <td><div class="code">@{ .code | substr 4 1}</div></td>
                    <td><div class="code">@{ .code | substr 5 1}</div></td>
                </tr>
            </table>
            <div style="line-height: 2;border-bottom: 1px solid #F0F0F0FF; padding-bottom: 20px; padding-top: 20px;">If you have not requested this code, you can safely ignore this email. Perhaps someone else mistakenly
                entered your email address.</div>

            <div style="text-align: center; padding-top: 20px; padding-bottom: 20px;">
                <div>If you have any questions, please contact our online customer service</div>
                <table
                        style="margin-top: 20px;margin-bottom: 20px; margin-left: 20%;margin-right: 20%; width: 60%;background-color: #2357D8FF; padding-top: 10px; padding-bottom: 10px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px;">
                    <tr>
                        <td style="width: 35%; text-align: right;">

                            <a href="#">
                                <img src="https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280af7wedled8q2yx.png"
                                     height="24px" width="24px" />
                            </a>
                        </td>
                        <td style="text-align: left;">Online Service</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div style="padding-top: 30px; padding-bottom: 15px; color: #999; text-align: center;font-size: 13px;">
        © apartment hotel 11 2024-2034. all rights reserved

    </div>
    <table style=" text-align: center; margin: auto; width: 85%; padding-bottom: 15px; color: #999;">
        <tr>
            <td style="border-right: 1px solid #999;"><a href="#" style="color: #999; font-size: 14px;">About us</a>
            </td>
            <td style="border-right: 1px solid #999;"><a href="#" style="color: #999; font-size: 14px;">Contact
                us</a></td>
            <td><a href="#" style="color: #999; font-size: 14px;">Booking now</a></td>
        </tr>
    </table>
    <table style=" text-align: center;margin: auto; width: 150px; padding-bottom: 15px; color: #999;">
        <tr>
            <td> <a href="#">
                <img src="https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280abybx8e596dudn.png"
                     height="25px" width="25px" /> </a>
            </td>
            <td> <a href="#">
                <img src="https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280ablz1s81qsalcc.png"
                     height="25px" width="25px" /> </a>
            </td>
            <td> <a href="#">
                <img src="https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280abglx9iojhfsve.png"
                     height="25px" width="25px" /> </a>
            </td>
            <td>
                <a href="#">
                    <img src="https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280abvop2mzudb8zj.png"
                         height="25px" width="25px" />
                </a>
            </td>
        </tr>
    </table>
    <table style=" text-align: center; margin: auto; width: 300px; padding-bottom: 15px; ">
        <tr>
            <td>
                <a href="#">
                    <img src="https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280abtyfephfhiiic.png"
                         height="38px" width="125px" />
                </a>
            </td>
            <td>
                <a href="#">
                    <img src="  https://apt11-1251002327.cos.ap-tokyo.myqcloud.com/storage/public/2024-06-24/d280afof173qqenq52.png"
                         height="38px" width="125px" />
                </a>
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
</script>
</body>

</html>